﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="BuienradarAppWeb.Pages.Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <script src="../Scripts/jquery-1.9.1.min.js"></script>
    <script src="../Scripts/AdRotatorCloudHosted-1.1.js"></script>
    <script src="../Scripts/AnalyticsCloudHosted-1.2.js"></script>
    <script src="Scripts/Buienradar-1.8.js?v=z1"></script>

    <link href="BuienradarApp.css?v=1.8.1" rel="stylesheet" />

    <script>
        var hostweburl;

        // Load the SharePoint resources.
        $(document).ready(function () {

            // Get the URI decoded app web URL.

            hostweburl =
                decodeURIComponent(
                    getQueryStringParameter("SPHostUrl")
            );


            // The SharePoint js files URL are in the form:
            // web_url/_layouts/15/resource.js
            var scriptbase = hostweburl + "/_layouts/15/";

            // Load the js file and continue to the 
            // success handler.
            $.getScript(scriptbase + "SP.UI.Controls.js", renderChrome)
        });

        //Function to prepare the options and render the control
        function renderChrome() {
            // The Help, Account and Contact pages receive the 
            //   same query string parameters as the main page
            var options ={
                    //"appHelpPageUrl": "http://www.arthurgraus.nl",
                    //"appIconUrl": "AppIcon.png",
                    //"appTitle": "Buienradar",
                    "settingsLinks": [
                        {
                            "linkUrl": "http://www.buienradar.nl",
                            "displayName": "Buienradar"
                        }
                    ]
                };

            var nav = new SP.UI.Controls.Navigation("chrome_ctrl_container", options);
            nav.setVisible(true);

            var html = $('#adRotator').html();
            $('#adRotator').remove();
            $('#chromeControl_bottomheader div.ms-tableRow').append('<div id="adRotator">' + html + '</div>');
        }

        // Function to retrieve a query string value.
        // For production purposes you may want to use
        // a library to handle the query string.
        function getQueryStringParameter(paramToRetrieve) {
            try {
                var params =
                    document.URL.split("?")[1].split("&");
                var strParams = "";
                for (var i = 0; i < params.length; i = i + 1) {
                    var singleParam = params[i].split("=");
                    if (singleParam[0] == paramToRetrieve)
                        return singleParam[1];
                }
            }
            catch (err)
            { return ""; }
        }
    </script>

</head>
<body>
    <form id="form1" runat="server">
        <div id="chrome_ctrl_container"></div>

        <div id="MainContent">
            <div id="adRotator"></div>
            <h2><%= AG_Apps_Cloud_Services_WCF_Web_Role.Apps.Buienradar.BuienradarResource.h2_insert_app_part %>:</h2>
            <div class="instructionStep" id="step1">
                <h3><%= AG_Apps_Cloud_Services_WCF_Web_Role.Apps.Buienradar.BuienradarResource.Step01 %></h3>
                <img class="instructionImage" src="Images/BuienRadarStap01.png" />

                <a class="previousStep">Previous</a><a class="nextStep"><%= AG_Apps_Cloud_Services_WCF_Web_Role.Apps.Buienradar.BuienradarResource.Next%></a>
            </div>
            <div class="instructionStep" id="step2">
                <h3><%= AG_Apps_Cloud_Services_WCF_Web_Role.Apps.Buienradar.BuienradarResource.Step02 %></h3>
                <img class="instructionImage" src="Images/BuienRadarStap02.png" />

                <a class="previousStep">Previous</a><a class="nextStep"><%= AG_Apps_Cloud_Services_WCF_Web_Role.Apps.Buienradar.BuienradarResource.Next %></a>
            </div>
            <div class="instructionStep" id="step3">
                <h3><%= AG_Apps_Cloud_Services_WCF_Web_Role.Apps.Buienradar.BuienradarResource.Step03 %></h3>
                <img class="instructionImage" src="Images/BuienRadarStap03.png" />

                <a class="previousStep">Previous</a><a class="nextStep"><%= AG_Apps_Cloud_Services_WCF_Web_Role.Apps.Buienradar.BuienradarResource.Next %></a>
            </div>
            <div class="instructionStep" id="step4">
                <h3><%= AG_Apps_Cloud_Services_WCF_Web_Role.Apps.Buienradar.BuienradarResource.Step04 %></h3>
                <img class="instructionImage" src="Images/BuienRadarStap04.png" />

                <a class="previousStep">Previous</a><a class="nextStep"><%= AG_Apps_Cloud_Services_WCF_Web_Role.Apps.Buienradar.BuienradarResource.Next%></a>
            </div>
            <div class="instructionStep" id="step5">
                <h3><%= AG_Apps_Cloud_Services_WCF_Web_Role.Apps.Buienradar.BuienradarResource.Step05 %></h3>
                <img class="instructionImage" src="Images/BuienRadarStap05.png" />

                <a class="previousStep">Previous</a><a class="nextStep">Next</a>
            </div>
            <div class="instructionStep" id="step6">
                <h3><%= AG_Apps_Cloud_Services_WCF_Web_Role.Apps.Buienradar.BuienradarResource.Step06%></h3>
                <img class="instructionImage" src="Images/BuienRadarStap06.png" />

                <a class="previousStep">Previous</a><a class="nextStep"><%= AG_Apps_Cloud_Services_WCF_Web_Role.Apps.Buienradar.BuienradarResource.Next%></a>
            </div>
            <div class="instructionStep" id="step7">
                <h3><%= AG_Apps_Cloud_Services_WCF_Web_Role.Apps.Buienradar.BuienradarResource.Step07 %></h3>
                <img class="instructionImage" src="Images/BuienRadarStap07.png" />

                <a class="previousStep">Previous</a><a class="nextStep"><%= AG_Apps_Cloud_Services_WCF_Web_Role.Apps.Buienradar.BuienradarResource.Next%></a>
            </div>

        </div>
    </form>

</body>
</html>
